<template>
    <div class="trendChart hasFoot ">
        <HeaderNav3 :activeIndex="activeIndex"></HeaderNav3>
        <Contact></Contact>
        <Ad></Ad>
        <div class="trendChart-item wrap">
           <ul>
               <li v-for="item in items">
                   <h1>
                       {{item.title}}
                   </h1>
                   <div class="trendChart-img">
                        <img :src="item.image">
                   </div>
               </li>
           </ul>
        </div>
    </div>
        
</template>

<script>
import HeaderNav3 from "@/components/HeaderNav3.vue"
import Contact from '@/components/Contact.vue'
import Ad from '@/components/Ad.vue'
export default {
	components:{
        Contact,
        Ad,
        HeaderNav3
	},
    computed:{
        
        },
    activated(){ 
        this.$store.commit("IS_SHOW_ALERT",true)
    },   
    data(){
        /*
             Banner：image；广告：
             image+url（第三方链接）；
             走势图：image+title
         */
         this.$http.get("v1"+"/"+3+"/"+"slide",{
            }).then(res=>{
                if(res.data.success){
                    this.items=res.data.infor;
                }
            })
       return{
          "items":[],
          "activeIndex":"3",
       }
    },
    methods:{
       
    },
    mounted(){ 
 

    },
}
</script>
<style lang="scss">
    @import "../style/trendChart";
    .trendChart{
        .trendChart-item{
            // width: 1000px;
            margin-bottom: 80px;
            .charts{
                 border-top: 3px solid $color6;
                 margin-top: 50px;
                 padding-top: 30px;
                #myChart1{

                }
            }
            ul{
                li{
                    margin-top: 80px;
                   padding-top: 20px;
                }
            }
            h1{
                font-size: 26px;
                color: $color6;
            }
            img{
                margin-top: 40px;
            }
            .trendChart-img{
                width:80%;
                margin: auto;
                img{
                    width:100%;
                }
            }
        }
    }

</style>